<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>zozo专题</title>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/swiper.min.css">
		<script src="js/swiper.min.js">
		</script>
	</head>

	<body>
		<div>
			<!--顶部介绍-->
			<div class="top-layer">
				<div class="top-message">	
					<div class="message-left">	
						<img src="img/top_zozo_logo.png" />
					</div>						
					<ul>
						<li><a href="#id01">我们的理念</a></li>
						<li><a href="#id02">我们的优势</a></li>
						<li><a href="#id03">店铺</a></li>
						<li><a href="#id04">WEAR</a></li>
						<li><a href="#id05">关于我们</a></li>
						<li><a href="#id06">下载APP</a></li>
					</ul>
				</div>
				<div class="top-content">
					<div class="top-content-left">
						<p class="hello">您好。</p>
						<div class="font-area">
							<p class="font-one">
								致热爱时尚的您：
							</p>
							<p>
								大家好！我们来了！
							</p>
							<p> 作为日本著名时尚购物网站ZOZOTOWN在中国的官方购物平台 -「ZOZO」APP将于2019年12月在中国正式上线。届时， 将为热爱时尚的您带来近500家在日本颇有名气的买手店和专卖店，和1200家人气时尚品牌的15万件高品质畅销品。
							</p>
							<p>
								同时，ZOZO将带您悦享日本及全球时尚明星、达人们的海量精选搭配图片及穿搭技巧。并带您了解时下最新时尚潮流资讯，及人气买手店、专卖店的最新动态。
							</p>
							<p> 您也可以通过关注ZOZO微信公众号来了解我们的最新信息。</p>
							<p> ZOZO志在通过中国、日本乃至世界的时尚分享，促进相互的文化理解和交流，用时尚为每一份独特，为每一个热爱潮流的人提供更多的可能和选择。</p>
							<p> ZOZO全体员工</p>
							<p>P.S.</p>
							<p>致中国的时尚电商行业的领袖和同行：</p>
							<p>ZOZO作为行业新兵，有幸并期待能与行业领袖及同行们一起，为中国每一个崇尚多彩生活的人带去时尚和快乐！</p>
						</div>
					</div>
					<div class="top-content-right">
						<img src="img/banner_showcase.png" />
					</div>
				</div>
			</div>
			<!--中间内容-->
			<div class="middle-layer">
				<div class="middle-left">
					<img src="img/middle_logo.png" />
					<p class="janpane">日本著名时尚购物平台</p>
					<p class="fashion">一个APP，日本时尚资讯・穿搭・购物全体验。</p>
				</div>
				<div class="middle-right">
					<div class="load">
						<div class="load-common">
							<img src="img/bottom_ios_icon.png" class="ios-img" />
							<span>ios下载</span>
						</div>
						<div class="load-common andriod">
							<img src="img/bottom_android_icon.png" class="andriod-img" />
							<span>Andriod下载</span>
						</div>
					</div>
					<div class="code">
						<img src="img/middle_qr_code.png" />
					</div>
				</div>
			</div>
			<!--轮播图-->
			<div class="swipe-layer">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="img/banner_bg.png" style="position: absolute;width: 100%;height: 700px;" />
							<img src="img/prototype_img.png" style="position: relative;margin:131px 0px 68px 244px;" /></div>
						<div class="swiper-slide"><img src="img/banner_bg.png" style="position: absolute;width: 100%;height: 700px;" />
							<img src="img/prototype_img.png" style="position: relative;margin:131px 0px 68px 244px;" /></div>
						<div class="swiper-slide"><img src="img/banner_bg.png" style="position: absolute;width: 100%;height: 700px;" />
							<img src="img/prototype_img.png" style="position: relative;margin:131px 0px 68px 244px;" /></div>
						<div class="swiper-slide"><img src="img/banner_bg.png" style="position: absolute;width: 100%;height: 700px;" />
							<img src="img/prototype_img.png" style="position: relative;margin:131px 0px 68px 244px;" /></div>
						<div class="swiper-slide"><img src="img/banner_bg.png" style="position: absolute;width: 100%;height: 700px;" />
							<img src="img/prototype_img.png" style="position: relative;margin:131px 0px 68px 244px;" /></div>
						<div class="swiper-slide"><img src="img/banner_bg.png" style="position: absolute;width: 100%;height: 700px;" />
							<img src="img/prototype_img.png" style="position: relative;margin:131px 0px 68px 244px;" /></div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<!--Why choose us-->
			<div class="goodsness-layer" id="id02">
				<div class="parent-title">Why choose us</div>
				<div class="children-title">我们的优势</div>
				<ul>
					<li>
						<img src="img/advantage_icon_1.png" />
						<div>
							<span class="number">01</span>
							<span>日本直邮，正品保障</span>
						</div>
					</li>
					<li>
						<img src="img/advantage_icon_2.png" />
						<div>
							<span class="number">02</span>
							<span>独家品牌，独享尖货</span>
						</div>
					</li>
					<li>
						<img src="img/advantage_icon_3.png" />
						<div>
							<span class="number">03</span>
							<span>时尚资讯，包罗万象</span>
						</div>
					</li>
					<li>
						<img src="img/advantage_icon_4.png" />
						<div>
							<span class="number">03</span>
							<span>时尚资讯，包罗万象</span>
						</div>
					</li>
					<li>
						<img src="img/advantage_icon_5.png" />
						<div>
							<span class="number">03</span>
							<span>时尚资讯，包罗万象</span>
						</div>
					</li>
					<li>
						<img src="img/advantage_icon_6.png" />
						<div>
							<span class="number">03</span>
							<span>时尚资讯，包罗万象</span>
						</div>
					</li>
				</ul>
			</div>
			<!--分割线-->
			<div class="divide" style="margin: 105px 0px 80px 0px;"></div>
			<!--Japanese shops-->
			<div class="japanese-layer" id="id03">
				<div class="parent-title">Japanese shops</div>
				<div class="children-title">300+日本品牌店铺聚集</div>
			<div style="margin-left: 3%;margin-right: 3%;">
				<ul>
					<li>
						<img src="img/merchandise_pictures_1.png" class="shops-img" />
						<img src="img/trademark_logo_1.png" style="margin-top: 15px;" />
						<div class="janpane-divide"></div>
						<p class="shop-title">UNITED ARROWS</p>
						<p class="shop-news">常に時代の一歩先を見つめ、進化し続けるセレクトショップ。 固定概念に捕らわれない独自の視点で コンテンポラリー&エッジィなセレクションを提供する。</p>
					</li>
					<li>
						<img src="img/merchandise_pictures_2.png"  class="shops-img" />
						<img src="img/trademark_logo_2.png" style="margin-top: 37px;margin-bottom: 20px;" />
						<div class="janpane-divide"></div>
						<p class="shop-title">FREAK'S STORE</p>
						<p class="shop-news">常に時代の一歩先を見つめ、進化し続けるセレクトショップ。 固定概念に捕らわれない独自の視点で コンテンポラリー&エッジィなセレクションを提供する。</p>
					</li>
					<li>
						<img src="img/merchandise_pictures_3.png"  class="shops-img" />
						<img src="img/trademark_logo_3.png" style="margin-top: 6px;" />
						<div class="janpane-divide"></div>
						<p class="shop-title">nano･universe</p>
						<p class="shop-news">常に時代の一歩先を見つめ、進化し続けるセレクトショップ。 固定概念に捕らわれない独自の視点で コンテンポラリー&エッジィなセレクションを提供する。</p>
					</li>
					<li>
						<img src="img/merchandise_pictures_4.png"  class="shops-img" />
						<img src="img/trademark_logo_4.png" style="margin-top: 12px;" />
						<div class="janpane-divide"></div>
						<p class="shop-title">BEAUTY&YOUTH UNITED ARROWS</p>
						<p class="shop-news">常に時代の一歩先を見つめ、進化し続けるセレクトショップ。 固定概念に捕らわれない独自の視点で コンテンポラリー&エッジィなセレクションを提供する。</p>
					</li>
				</ul>
				<ul>
					<li>
						<img src="img/merchandise_pictures_1.png" class="shops-img"/>
						<img src="img/trademark_logo_1.png" style="margin-top: 15px;" />
						<div class="janpane-divide"></div>
						<p class="shop-title">UNITED ARROWS</p>
						<p class="shop-news">常に時代の一歩先を見つめ、進化し続けるセレクトショップ。 固定概念に捕らわれない独自の視点で コンテンポラリー&エッジィなセレクションを提供する。</p>
					</li>
					<li>
						<img src="img/merchandise_pictures_2.png" class="shops-img" />
						<img src="img/trademark_logo_2.png" style="margin-top: 37px;margin-bottom: 20px;" />
						<div class="janpane-divide"></div>
						<p class="shop-title">FREAK'S STORE</p>
						<p class="shop-news">常に時代の一歩先を見つめ、進化し続けるセレクトショップ。 固定概念に捕らわれない独自の視点で コンテンポラリー&エッジィなセレクションを提供する。</p>
					</li>
					<li>
						<img src="img/merchandise_pictures_3.png" class="shops-img"/>
						<img src="img/trademark_logo_3.png" style="margin-top: 6px;" />
						<div class="janpane-divide"></div>
						<p class="shop-title">nano･universe</p>
						<p class="shop-news">常に時代の一歩先を見つめ、進化し続けるセレクトショップ。 固定概念に捕らわれない独自の視点で コンテンポラリー&エッジィなセレクションを提供する。</p>
					</li>
					<li>
						<img src="img/merchandise_pictures_4.png" class="shops-img"/>
						<img src="img/trademark_logo_4.png" style="margin-top: 12px;" />
						<div class="janpane-divide"></div>
						<p class="shop-title">BEAUTY&YOUTH UNITED ARROWS</p>
						<p class="shop-news">常に時代の一歩先を見つめ、進化し続けるセレクトショップ。 固定概念に捕らわれない独自の視点で コンテンポラリー&エッジィなセレクションを提供する。</p>
					</li>
				</ul>
			
			</div>	
			</div>
			<div class="load-app">
				<a href="index.html">点击下载APP，查看更多店铺</a>
			</div>
			<!--Let’s wear together-->
			<div class="wear-layer" id="id04">
				<div class="wear-left">
					<div class="shadow"></div>
					<div class="together">
						<div class="parent-title" style="color: #FFFFFF;">Let’s wear together</div>
						<p class="shop-news" style="color: #FFFFFF;margin-left: 184px;margin-right: 185px;">00,000以上の世界中のコーディネート ファッションコーディネートアプリwear から00,000ものコーディネートが連携されているので、 コーディネートを参考にしながら、 ショッピングを楽しめます</p>
					</div>
					<div class="photo-one">
						<img src="img/commodity_picture_4.png" style="margin-top: 45px;" />
					</div>
				</div>
				<div class="wear-right">
					<div class="photo-double">
						<img src="img/commodity_picture_2.png" />
						<img src="img/commodity_picture_3.png" />
					</div>
					<div class="photo-third">
						<img src="img/commodity_picture_1.png" />
					</div>
				</div>
			</div>
			<!--About us-->
			<div class="introduce-layer" id="id05">
				<div class="parent-title">About us</div>
				<div class="children-title">关于ZOZO</div>
				<div style="text-align: center;">
					<div class="zozo">
					<div>「ZOZO」是ZOZO集团旗下日本著名时尚购物网站「ZOZOTOWN」在中国的官方购物平台。是包括FREAK’S STORE、nano・universe、UNITED ARROWS、antiqua等日本知名人气店铺和品牌在中国指定的正品购买官方渠道。在ZOZO，人们可以轻松获得设计独特、个性多样的诸多尖货潮品，享受时尚带来的快乐。</div>
					<div>ZOZO总部位于日本千叶县，旗下还拥有日本人气时尚穿搭应用「WEAR」和时尚二手服装购物平台「ZOZOUSED」。近年，ZOZO还结合了先端科技推出了包括「ZOZOSUIT」、「ZOZOMAT」等多项惊艳行业的先进技术。开启了人适衣服到服适人生的新篇章。</div>
					<div>ZOZO倡导“Be unique. Be equal.”的时尚价值观。</div>
					<div>尊重每一种个性，用时尚为每一份独特，为每一个热爱潮流的人提供更多的可能和选择，是ZOZO永远的追求。</div>
				</div>
				</div>
				<div class="work">
					<div class="zozo-work">主要业务</div>
					<div class="flex-work" style="width: 50%;">
						<div class="work-left">

						<img src="img/business_logo_1.png" />
						<div class="common-content">
							日本知名度颇高的人气时尚购物平台。商品涵盖1,200多家店铺、7,300多个品牌。（截止到2019年6月底）平均每天发布新商品3,200多件，总计上架商品73万余件。
						</div>
						<a href="index.html" class="link">点击下载</a>
					</div>
					</div>
					<div class="flex-work">
						<div class="work-right">
						<img src="img/business_logo_2.png" />
						<div class="common-content">
							日本人气时尚穿搭应用程序。突破1,300万次下载（截止到2019年6月底）服装穿搭帖子发布总数超过800万次（截止到2019年6月底）
						</div>
						<a href="index.html" class="link">点击下载</a>
					</div>
					</div>
				</div>
			</div>
			<!--ZOZO的技术革新-->
			<div class="create">
					<div class="zozo-work">ZOZO的技术革新</div>
				<div class="create-left">
				
					<!--<div style="width: 50%;">-->
						<div class="zozo-img"><img src="img/technology_share.png" /></div>
					<!--</div>-->

				</div>
				<div style="overflow: hidden;float: left;margin-left: 8%;">
					<div class="create-right">
					ZOZOSUIT是一款用于测量身体尺寸用的紧身连衣裤，可以即时准确的测量出您的身体尺寸。只需用智能手机的相机将整个测量点标记的360度拍摄成功，即可立即测量体型尺寸。另外，可以通过3D建模来确认测量的身体。只需上下穿戴配套，即可简单使用智能手机来进行测量。由人匹配衣服的时代走向服适人生的新篇章。
				</div>
				
				</div>
				<div class="QRcode">
					<img src="img/QRcode.png" />
					<img src="img/forward.png" style="margin-top: 5px;" />
				</div>
			</div>
			<!--底部联系方式-->
			<div class="bottom-layer"  id="id06">
				<div class="contact">
					<div class="contact-left">
						<img src="img/top_zozo_logo.png" />
						<div>公司：上海走走信息科技有限公司</div>
						<div>地址：上海市闵行区闵虹路166弄2号楼2603、2605、2606室</div>
					</div>
					<div class="contact-middle">
						<div>客服热线：021-9382-9128</div>
						<div>商业合作：info@zozo.com</div>
					</div>
					<div class="contact-right">
						<div class="load-common ios">
							<img src="img/bottom_ios_icon.png" class="ios-img" />
							<span>ios下载</span>
						</div>
						<div class="load-common andriod">
							<img src="img/bottom_android_icon.png" class="andriod-img" />
							<span>Andriod下载</span>
						</div>
					</div>
				</div>
				<div class="divide" style="margin: 0 10%;"></div>
				<div class="reserved">
					<div class="reserved-left">
						Copyright©2019 ZOZO, Inc. All Rights Reserved.
					</div>
					<div class="reserved-right">
						<img src="img/bottom_share_wechat.png" />
						<img src="img/bottom_share_micro-blog.png" />
						<img src="img/bottom_share_insgram.png" />
						<img src="img/bottom_share_facebook.png" />
					</div>
				</div>
			</div>
		</div>
		<!-- Initialize Swiper -->
		<script>
			var swiper = new Swiper('.swiper-container', {
				spaceBetween: 30,
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				},
			});
		</script>
	</body>

</html>